<template>
    <p>
      with extra class <b>is-loading</b>, your icon is able to rotate 360 deg in 2
      seconds, you can also override this
    </p>
    <el-icon color="red" :size="100" class="is-loading">
      <Edit />
    </el-icon>
   
    <el-icon color="blue" :size="100" class="is-loading">
      <Delete />
    </el-icon>
    <el-icon color="pink" :size="100" class="is-loading">
      <Loading />
    </el-icon>

    <el-icon :size="300" class="is-loading"><ChromeFilled /></el-icon>

    <el-button type="primary" >
      <el-icon class="is-loading" style="vertical-align: middle">
        <Search />
      </el-icon>
      <span style="vertical-align: middle"> Search </span>
    </el-button>
  </template>